<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<script src="/blog/plugins/jquery-2.1.0.js"></script>
		<script src="/blog/plugins/element-ui/vue.js"></script>
		<script src="/blog/plugins/element-ui/index.js"></script>
		<script src="/blog/plugins/ComUtil.js"></script>
		<script src="/blog/plugins/layer/layer.js"></script>
		<script src="js/yIndex.js"></script>
		<script src="js/loginbck.js"></script>
		<link rel="stylesheet" href="../plugins/element-ui/index.css" / />
		<link rel="stylesheet" href="css/loginbck.css" / />
		<title>登陆后台</title>
		<style>
			#login_div {
				position: absolute;
				float: right;
				top: 100px;
				right: 50px;
				width: 350px;
				height: 250px;
				background-color: rgba(255, 225, 225, 0.4);
				z-index: 200;
				padding: 50px 0px 0px 0px;
			}
			
			.el-input {
				width: 80%;
			}
			
			.el-form-item__label {
				color: #14A9FF;
			}
			
			.el-form {
				margin: auto;
			}
		</style>
	</head>

	<body>
		<canvas id="Meteor"></canvas>
		<div id="login_div">
			<el-form :model="ruleForm" status-icon ref="ruleForm" label-width="100px" class="demo-ruleForm">
				<el-form-item label="" prop="username">
					<el-input type="text" placeholder="用户名" v-model="ruleForm.username"></el-input>
				</el-form-item>
				<el-form-item label="" prop="pass">
					<el-input type="password" placeholder="密码" v-model="ruleForm.pass" autocomplete="off"></el-input>
				</el-form-item>
				<el-form-item>
					<el-button type="primary" @click="submitForm('ruleForm')">提交</el-button>
					<el-button>重置</el-button>
				</el-form-item>
			</el-form>
		</div>
		<script>
			var starCount = 300;
			var context;
			var rainCount = 20;
			var rains = new Array();
			init();
			starInit();
			starPosition();
			for(var i = 0; i < rainCount; i++) {
				var rain = new MeteorRain();
				rain.draw();
				rains.push(rain);
			}
			playRains();

			let login_vu = new Vue({
				el: "#login_div",
				data: {
					ruleForm: {
						username: "",
						pass: "",
						checkPass: ""
					}
				},
				methods: {
					submitForm: function() {
						
						$.ajax({
							type: "get",
							url: "../../sing/tologin",
							success: function(res) {
								console.log(res);
							}
						});
//				window.location.href = "/blog/Background/conIndex/AllIndex.html";
//						$.ajax({
//							type: "post",
//							url: "/zhyj/user/getUserBAll",
//							success: function(res) {
//
//							}
//						});
					}
				}
			})
		</script>
	</body>

</html>